@mixin xin{
    width: 1090px;
    height: 100%;
    margin: 0 auto;
}
.head{
    height: 185px;
}
.header{
    
    .rows{
        height: 36px;
        background-color: #333333;
    .head1{
        @include xin();
        ul{
            
            float: right;
            margin-right: 20px;
            li{
                float: left;
                color: #cccccc;
                font-size: 12px;
                line-height: 36px;
                .span{
                    margin: 0 8px;
                }
                a{
                    color: #ccc;
                }
                a:hover{
                    color: white;
                }
            }
        }
    }
        }
    .head2{
        position: relative;
        @include xin();
        height: 295%;
        .jltimg{
            width: 212px;
            height: 60px;
            background-image: url("https://yanxuan-static.nosdn.127.net/hxm/yanxuan-component/p/20170601/style/img/x2/icon-yxtop-s4b76696bd6-801b2550ab.png?imageView&type=webp");
	        background-repeat:no-repeat;
            background-position:0% 59%;
            margin: 10px 0;
            float: left;
        }
        .input_sousuo{
            float: left;
            border: 2px solid #cc9756;
            margin: 22px 0 0 110px;
            border-radius: 20px;
            width: 500px;
            .kuang{
                width: 400px;
                height: 38px;
                margin-left: 35px;
                border: 0;
                outline: none;

                
            }
            .jlt_sousuo{
                width: 32px;
                height: 32px;
                background-image: url("https://yanxuan-static.nosdn.127.net/hxm/yanxuan-component/p/20170601/style/img/x2/icon-yxtop-s4b76696bd6-801b2550ab.png?imageView&type=webp");
                background-repeat:no-repeat;
                background-position:0% 63%;
                background-size: 1000%;
                margin: 7px 0px 0 5px;
                position: absolute;
            }
            .button1{
                height: 44px;
                width: 100px;
                border-radius: 0 20px 20px 0;
                margin: 0;
                background-color: #cc9756;
                border-color: #cc9756;
                color: white;
                text-align: center;
                line-height: 38px;
                position: absolute;
                left: 793px;
                top: 22px;
                cursor: pointer;
            }
            .button1:hover{
                background-color: #ab7f48f7;


            }
           
        }
        .btn2:hover{
            background-color: #f5f3ef;
            cursor: pointer;
        }
        .btn2{
            height: 35px;
            width: 140px;
            border-radius: 20px;
            position: absolute;
            right: 0px;
            top: 29px;
            color: black;
            background-color: white;
            border:2px solid #cc9756;
            color: #cc9756;
            text-align: center;
            line-height: 35px;
            span{
                display: inline-block;
                width: 20px;
                height: 20px;
                border-radius: 100%;
                background-color: red;
                text-align: center;
                line-height: 110%;
                color: white;

            }
            
        }
        ul{
            position: absolute;
            left: 348px;
            top: 70px;
        }
        ul li{
            float: left;
            span{
                margin: 0 6px;
                font-size: 10px;
                color: #cccccc;
            }
            color: #939393;
        }
    }
    .head3{
        @include xin();
        height: 40px;
        background-color: white;
        .ul1{
            a{
                font-weight:800;
                color: black;
            }
            
        }
        .li1:hover .ejcd1{
            display: block;
        }
        .ejcd1:hover{
            display: block;
        }
        .ul1>li{
            float: left;
            padding: 10px 15px;
            font-weight:800;
            position: relative;

            .ejcd1{
                width: auto;
                height: 500px;
                background-color: white;
                border: 1px solid #ccc;
                position: absolute;
                top: 33px;
                left: -222px;
                z-index: 10;
                display: none;
                .caidan_max{
                    display: flex;
                    flex-direction: row;
                    // justify-content: space-around;
                    flex-wrap: nowrap;

                    .caidan1{
                        font-size: 18px;
                        font-weight: 800;
                        margin-top: 15px;
                        padding-bottom: 10px;
                        // border-bottom: 1px solid ;
                        width: 130px;
                        margin-left: 50px;
                        // position: relative;
                        text-align: center;

                        .candan1_1{
                            display: flex;
                            flex-direction: column;
                            // margin-left: 35px;
                            width: 120px;
                            .candan1_11{
                                
                                
                                .span{
                                    display: inline-block;
                                    width: 60px;
                                    margin-left: 4px;
                                    font-size: 14px;
                                    // vertical-align: middle;
                                }
                                img{
                                    width: 50px;
                                    height: 50px;
                                    border: 0;
                                    vertical-align: middle;
                                }
                            }
                           
                        }   
                        

                    }
                }

                
            }
            
        }
        .ul1>li>a:hover{
            color:#cc9756;
            border-bottom: 3px solid #cc9756;
        }
    }
}